<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
			"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Prototype Week View - Test</title>

<!-- Week View Testing -->

    <script type="text/javascript" src="prototype.js"></script> 
	<script type="text/javascript" src="date.js"></script> 
	<script type="text/javascript" src="weekView.js"></script>
	<link rel="stylesheet" type="text/css" media="screen" href="weekView.css">
    <script type="text/javascript">

		// Global calendar "WeekView" object 
        var calendar;

        document.observe("dom:loaded", function() {
            calendar = new WeekView({
                startHour:5,
                stopHour:17,
                drillDownSlots: 1,
				scheduleInterval : 60,
				reserveTime: 60,
				breakTime: 15,
				maxScheduledPerDay: 10,
				onNavigatePrevious:function(weekView,event,d,ed,t,et) {  },
				onNavigateNext:function(weekView,event,d,ed,t,et) {  },
				onTimeZoneChange:function(weekView,event,d,ed,t,et) {  },
				onSlotSelect:function(event,d) { Event.stop(event); },
				onRender:function(weekView) {
					
				}
            });
            calendar.render($('calendar'));
			$('calendar_extra').show();
			$('available_start_date').update('12/12/2012');
			$('available_end_date').update('12/20/2012');
			$('calendar_extra_top').show();
        });
    </script>
<!-- End week view testing -->

</head>

<body>


<div>
<div align="left">In order to schedule your interview please select any available green time slot.</div>
<div id="calendar_extra_top" style="display:none;">
	There are available time slots between <span style="font-style: italic;"><span id="available_start_date"></span>  <span>and</span> <span id="available_end_date"></span></span>
</div>
<div id="calendar">
	Calendar Loading....
</div>



</div>

</body>
</html>